import { useState } from 'react'
import './App.css'
import { Link,Outlet } from 'react-router-dom'
import { LeftOutline,MessageOutline,StarOutline,MoreOutline } from 'antd-mobile-icons'
function App() {
  return (
    <div>
      <div className='search'>
        <LeftOutline fontSize={18}/>
        <input type='text' placeholder='请输入商品名称'></input>
        <MessageOutline fontSize={18}/>
        <StarOutline fontSize={18}/>
        <MoreOutline />
      </div>
      <div className='nav'>
        <Link to="/app/home">点餐</Link>
        <Link to="/app/comment">评论</Link>
        <Outlet></Outlet>
      </div>

    </div>
  )
}

export default App
